<template>
	<view>
		<view style="text-align: center;margin-top: 80rpx;font-size: 28rpx;color: #333333;font-weight: bold;">当前绑定手机号码</view>
		<view style="text-align: center;margin-top: 8rpx;font-size: 40rpx;color: #333333;font-weight: bold;">123 **** 8911</view>

		<!-- 手机号输入框 -->
		<view style="width: 702rpx;height: 88rpx;background-color: #FFFFFF;margin: 0 auto;display: flex;justify-content: center;align-items: center;margin-top: 100rpx;">
			<input class="uni-input" @input="onKeyInput" placeholder="请输入手机号码" placeholder-style="font-size: 24rpx;color: #999999"
			 style="width: 622rpx; height: 34rpx;" />
		</view>

		<!-- 验证码输入框 -->
		<view style="width: 702rpx;height: 88rpx;background-color: #FFFFFF;margin: 0 auto;display: flex;justify-content: center;align-items: center;margin-top: 100rpx;">
			<input class="uni-input" @input="onKeyInput" placeholder="请输入短信验证码" placeholder-style="font-size: 24rpx;color: #999999"
			 style="width: 502rpx; height: 34rpx;" />
			<view style="width: 120rpx;height: 88rpx; font-size: 24rpx;color: #FE3548;font-weight: bold;line-height: 88rpx; text-align: center;">
				获取验证码
			</view>
		</view>

		<!-- 确认按钮 -->
		<view style="width: 702rpx;height: 88rpx;background-color: #FE3548;border-radius: 20rpx;color: #FFFFFF;text-align: center;
		line-height: 88rpx;margin: 0 auto;margin-top: 40rpx;">
			确认修改手机号码
		</view>

		<view style="margin: 0 auto;text-align: center;font-size: 18rpx;color: #333333;margin-top: 20rpx;">
			修改手机号码后，需重新登录
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			//输入手机号的输入框的实时触发事件
			onKeyInput() {

			}
		}
	}
</script>

<style>
	page {
		background-color: #FCFAFF;
	}
</style>
